<template>
  <!-- $t is vue-i18n global function to translate lang -->
  <div class="app-container">
    <el-tabs value="first" @tab-click="click">
      <el-tab-pane :lazy="true" name="first">
        <span slot="label">待填写发票结账单</span>
        <daiqueren/>
      </el-tab-pane>
      <el-tab-pane :lazy="true" name="second">
        <span slot="label">历史结账单</span>
        <lishi/>
      </el-tab-pane>
      <el-tab-pane :lazy="true" name="third">
        <span slot="label">撤回送票</span>
        <chehui/>
      </el-tab-pane>
      <!--<el-tab-pane :lazy="true" name="second">-->
      <!--<span slot="label">未到货订单<el-badge :value="weidaoNum" class="mark" /></span>-->
      <!--<checked/>-->
      <!--</el-tab-pane>-->
      <!--<el-tab-pane :lazy="true" name="third">-->
      <!--<span slot="label">已到货订单<el-badge :value="yidaoNum" class="mark" /></span>-->
      <!--<yidao/>-->
      <!--</el-tab-pane>-->
    </el-tabs>
  </div>
</template>

<script>

import daiqueren from './daiqueren'
import lishi from './lishi'
import chehui from './chehui'
export default {
  name: 'ExportExcel',
  components: {
    daiqueren,
    lishi,
    chehui
  },
  computed: {
  }, methods: {
    click(item) {
      console.log(item)
    }
  }
}
</script>

<style scoped>
.app-container {
  margin-left: 1vw;
  margin-right: 1vw;
}
</style>

